<template>
    <span>{{dictText ? dictText : defaultText}}</span>
</template>

<script>
export default {
  name: 'DictText',
  props: {
    // 字典类型编号
    typeNum: {
      type: String,
      default: function () {
        return ''
      }
    },
    // 字典值
    value: {
      type: String,
      default: function () {
        return ''
      }
    }
  },
  computed: {
    dictText () {
      let vm = this
      let dictItem = this.items.find((item) => {
        return item.value === vm.value
      })

      if (dictItem) {
        return dictItem.name
      } else {
        return this.defaultText
      }
    }
  },
  data () {
    return {
      items: [],
      defaultText: '--'
    }
  },
  created () {
    let vm = this
    vm.$axios.post(vm.$API.dict.dropdownList, vm.$qs.stringify({
      typeNum: vm.typeNum,
      value: vm.value
    })).then(response => {
      if (response.data.code === 2000) {
        vm.items = response.data.data
      } else {
        vm.$message.error(response.data.message)
      }
    })
    vm.selectValue = vm.value
  }
}
</script>

<style scoped>
</style>
